<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- <script src="./lib/zepto/zepto.min.js"></script> -->
    <script src="./lib/jquery.min.js"></script>
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <script src="./lib/mui/js/mui.min.js"></script>
    <script src="./lib/artTemplate/template-web.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/index.js"></script>
</head>
<body>
    <div class="entirety">
        <div class="main">
                <!-- 头部 -->
                <div class="header">
                    <div class="left">
                        <a href="">
                            <img src="./images/01.png" alt="">
                        </a>
                    </div>
                    <div class="right">
                        <a href="">
                            <img src="./images/02.png" alt="">
                        </a>
                    </div>
                </div>
                <!-- 搜索框 -->
                <div class="search">
                    <input class="searchtext" type="text" placeholder="请输入你想比价的商品">
                    <input class="searchbtn" type="button" value="搜索">
                </div>
                <!-- 分类 -->
                <ul class="classify">
                    <script type="text/html" id="classifyinfo">
                    {{each result}}
                    <li>
                        <a href="#">
                        <!-- <a href="{{$value.titlehref}}"> -->
                            {{#$value.img}}
                            <p class="text">{{$value.name}}</p>
                        </a>
                    </li>
                    {{/each}}
                </script>
                
                </ul>
                <!-- 超值折扣推荐 -->
                <div class="recommend">
                    <div class="top">
                        <a href=""><p>超值折扣推荐</p></a> 
                        <a href=""><img src="./images/more.png" alt=""></a> 
                    </div>
                    <!-- 商品页 -->
                    <ul class="bottom">
                        <script type="text/html" id="productslist">
                        {{each result}}
                        <li data-productid="{{$value.productId}}">
                            <a href="">
                                <div class="left">{{#$value.productImgSm}}</div>
                                <div class="right">
                                    <div class="text">
                                        <span class="title">{{$value.productName}}</span>
                                        <span class="price">{{$value.productPinkage}}</span>
                                    </div>
                                    <p class="other">
                                        <span class="small">{{$value.productFrom}} | {{$value.productTime}}</span>
                                        
                                        <span class="info"><img src="./images/icon-comment.png" alt=""><span class="comment">{{$value.productComCount}}</span></span>
                                    </p>
                                </div>
                            </a>
                        </li>
                       {{/each}}
                    </script>
                    </ul>
                </div>
                <!-- 更多优惠 -->
                <div class="more_bar">
                    <a href="" class="moreinfo">更多优惠信息 »</a>
                </div>
                <!-- 品牌排行 -->
                <div class="brand">
                    <a href="">品牌排行</a>
                </div>
                <!-- 底部 -->
                <div class="footer">
                    <div class="top">
                        <a href="">登录</a>
                        <a href="">注册</a>
                        <a href="" class="totop"><img src="./images/top.jpg" alt="">返回顶部</a>
                    </div>
                    <div class="bottom">
                        <p class="txt">
                            <a href="" class="mobile">手机APP下载</a>
                            <a href="">慢慢买手机版</a>
                            <a href=""> -- 掌上比价平台</a>
                        </p>
                        <p class="url"><a href=""> m.manmanbuy.com  </a></p>
                    </div>
                </div>
        </div>
        <!-- 固定的部分 -->
        <div class="fixedcontent">
            <a href="javascript:void(0)" class="appshow"><img src="./images/TB2WepTeb1J.eBjSszcXXbFzVXa_!!379516416.png" alt=""></a>
            <a href="" class="fixtotop"><span class="mui-icon mui-icon-arrowthinup"></span></a>
        </div>
    </div>
</body>
</html>